<div class="modal-content">
  <div class="modal-header py-2">
    <h6 class="modal-title text-purple">{:lang('user/name/index')}</h6>
    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span></button>
  </div>
  <div class="modal-body px-5 py-4">
    <form class="mx-md-3" action="{:DcUrl('user/name/update')}" method="post" target="_self" data-toggle="form" data-callback="daicuo.user.center">
      <div class="input-group input-group-sm mb-4">
        <div class="input-group-prepend">
          <span class="input-group-text"><i class="fa fa-fw fa-user-o"></i></span>
        </div>
        <input type="text" class="form-control" name="user_name" required="true" placeholder="新呢称" autocomplete="off">
      </div>
      <p class="text-center mb-0">
        <button class="btn btn-purple" type="submit">提交</button>
      </p>
    </form>
  </div>
  <div class="card-footer text-center text-muted small" id="card-footer">
    请输入一个漂亮的网名吧，3-30个字符。
  </div>
</div>